﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Check Paper</title>
    <link rel="stylesheet" href="../t_css/t_common.css" type="text/css" />
    <link rel="stylesheet" href="../t_css/t_left_course.css" type="text/css" />
    <link rel="stylesheet" href="../t_css/t_checkpaper.css" type="text/css" />
    <script type="text/javascript" src="../scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../scripts/jquery.animate-colors-min.js"></script>
    <script type="text/javascript" src="../t_scripts/t_navi_common.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#choose_logo").hover(function () {
                $(this).animate({ backgroundColor: '#30A8F4' }, { speed: 1000, queue: false });
            }, function () {
                $(this).animate({ backgroundColor: '#C35A33' }, { speed: 1000, queue: false });
            });
            var btns = ["btn_exam_info", "btn_convert", "btn_check_content"];
            var oldColor;
            $(btns).each(function (key,value) {
                $("." + value).hover(function () {
                    oldColor = $(this).css('background-color');
                    $(this).animate({ backgroundColor: '#30A8F4' }, { speed: 1000, queue: false });
                }, function () {
                    $(this).animate({ backgroundColor: oldColor }, { speed: 1000, queue: false });
                });
            });
            var up_hrefColor = $("#href_up").css('color');
            var down_hrefColor = $("#href_down").css('color');
            $("#page_up").hover(function () {
                $("#href_up").animate({ color: '#000000' }, 0);
            }, function () {
                $("#href_up").animate({ color: up_hrefColor }, 0);
            });

            $("#page_down").hover(function () {
                $("#href_down").animate({ color: '#000000' }, 0);
            }, function () {
                $("#href_down").animate({ color: down_hrefColor }, 0);
            });
            
            $(".btn_exam_info").click(function(){
            	window.location.href = "t_exam_info.htm";
            });
            $(".btn_check_content").click(function(){
            	window.location.href = "t_paperContent.htm";
            });
        });
    </script>
</head>
<body>
<div id="bigContent">
<div id="head">
    <div id="title">
        <div class="title_left">
            <div class="titleText">Students Online Exam Platform ( For Teacher )</div>
        </div>
        <div class="title_right">
            <div class="avatar"><img src="../image/noavatar.jpg" alt="../image/noavatar.jpg"/></div>
            <div class="userState">
                <div class="userState_big"><a href="#">Teacher1</a></div>
                <div class="userState_small"><a href="#">logout</a></div>
            </div>
        </div>
    </div>
    <div id="navi">
        <div class="navi_top">
            <ul class="all_navi">
            	<li id="navi1" class="each_navi navi1">Set Questions</li>
                <li id="navi2" class="each_navi navi2">Check Paper</li>
            </ul>
        </div>
        <div class="navi_bottom">
            <ul class="all_courses">
            	<li class="each_course course1">Principles of Database System</li>
                <li class="each_course course2">Data Mining</li>
                <li class="each_course course3">Artificial Intelligence</li>
            </ul>
        </div>
    </div>
</div>
<div id="content_exam"  class="boxShadow">
    <div id="choose_logo">
        <div class="choose_logo_text">Check Paper</div>
        <div class="choose_logo_img"></div>
    </div>
    <div id="content_left">
        <div id="courses">
            <div id="courses_title">Courses</div>
            <div id="courses_details">
                <ul id="courses_list">
                    <li class="li3"><div class="each_course_text">Principles of Database System</div></li>
                    <li class="li6"><div class="each_course_text">Data Mining</div></li>
                    <li class="li5"><div class="each_course_text">Artificial Intelligence</div></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="content_right">
        <div id="subjects_name">Principles of Database System</div>
        <div id="exam_paper" class="exam_paper">
            <div id="exam_paper_mark" class="exam_paper_mark">Exam Paper</div>
            <div id="exam_paper1" class="paper">
                <div id="exam_paper1_title" class="paper_title">数据库系统原理考试题A卷</div>
                <div id="exam_paper1_details" class="paper_details">
                    <div id="exam_paper1_create_time" class="paper_create_time">creation time:2012-11-15</div>
                    <div id="exam_paper1_submit_number" class="paper_submit_number">submit number:101</div>
                </div>
                <div id="exam_paper1_operate" class="paper_operate">
                    <form>
                        <input type="button" class="btn_exam_info" value="Check Exam Info"/>
                        <input type="button" class="btn_check_content" value="Check Content"/>
                    </form>
                </div>
            </div>
        </div>
        <div id="spare_paper" class="spare_paper">
            <div id="spare_paper_mark" class="spare_paper_mark">Spare Paper</div>
            <div id="spare_paper1" class="spare_paper_content">
                <div id="spare_paper1_title" class="paper_title">数据库系统原理考试题B卷</div>
                <div id="spare_paper1_details" class="paper_details">
                    <div id="spare_paper_time" class="paper_create_time">creation time:2012-11-15</div>
                    <div id="spare_paper_number" class="paper_submit_number">submit number:0</div>
                </div>
                <div id="spare_paper1_operate" class="spare_paper_operate">
                    <form>
                        <input type="button" class="btn_convert" value="Convert to Exam Paper"/>
                        <input type="button" class="btn_check_content" value="Check Content"/>
                    </form>
                </div>
            </div>
            <div id="spare_paper2" class="spare_paper_content">
                <div id="spare_paper2_title" class="paper_title">数据库系统原理考试题C卷</div>
                <div id="spare_paper2_details" class="paper_details">
                    <div id="spare_paper2_time" class="paper_create_time">creation time:2012-11-15</div>
                    <div id="spare_paper1_number" class="paper_submit_number">submit number:0</div>
                </div>
                <div id="spare_paper2_operate" class="spare_paper_operate">
                    <form>
                        <input type="button" class="btn_convert" value="Convert to Exam Paper"/>
                        <input type="button" class="btn_check_content" value="Check Content"/>
                    </form>
                </div>
            </div>
        </div>
        <div id="practice_paper" class="practice_paper">
	        <div id="practice_paper_mark" class="practice_paper_mark">Practice Paper</div>
	        <div id="practice_paper1" class="practice_paper_content">
		        <div id="practice_paper1_title" class="paper_title">数据库系统原理模拟题1</div>
		        <div id="practice_paper1_details" class="paper_details">
			        <div id="practice_paper_time" class="paper_create_time">creation time:2012-11-15</div>
			        <div id="practice_paper_number" class="paper_submit_number">submit number:0</div>
		        </div>
		        <div id="practice_paper1_operate" class="practice_paper_operate">
			        <form>
				        <input type="button" class="btn_check_content" value="Check Content"/>
			        </form>
		        </div>
	        </div>
	        <div id="practice_paper2" class="practice_paper_content">
		        <div id="practice_paper2_title" class="paper_title">数据库系统原理模拟题2</div>
		        <div id="practice_paper2_details" class="paper_details">
			        <div id="practice_paper2_time" class="paper_create_time">creation time:2012-11-15</div>
			        <div id="practice_paper1_number" class="paper_submit_number">submit number:0</div>
		        </div>
		        <div id="practice_paper2_operate" class="practice_paper_operate">
			        <form>
				        <input type="button" class="btn_check_content" value="Check Content"/>
			        </form>
		        </div>
	        </div>
        </div>
        <div id="page_turning">
            <div id="page_up_down">
                <div id="page_up">
                    <div id="page_up_text"><a href="#" id="href_up">previous page</a></div>
                </div>
                <div id="page_down">
                    <div id="page_down_text"><a href="#" id="href_down">next page</a></div>
                </div>              
            </div>
        </div>
    </div>
    <div id="content_bottom"></div>   
</div>
</div>
</body>
</html>
